/**
 * Width+Height helpers
 */
.w_min { width: 1px  !important; }
.w_max { width: 100% !important; }
.h_max  { height: 100% !important; }
.wh_max { width: 100% !important; height: 100% !important; }

{% section name=s start=0 loop=100 step=5 %}
.w_{% $smarty.section.s.index %}p { width: {% $smarty.section.s.index %}% !important; }
{% /section %}

.w_33p {
	width: 33%  !important; 
	max-width: 33% !important;  
	min-width: 33%  !important;
}

{% section name=s start=0 loop=50 step=1 %}
.w_{% $smarty.section.s.index %} { width: {% $smarty.section.s.index %}px !important; }
{% /section %}

{% section name=s start=50 loop=800 step=5 %}
.w_{% $smarty.section.s.index %} { width: {% $smarty.section.s.index %}px !important; }
{% /section %}

.w_83 {
	width: 83px  !important; 
	max-width: 83px !important;  
	min-width: 83px  !important; 	
}

{% section name=s start=0 loop=50 step=1 %}
.h_{% $smarty.section.s.index %} { height: {% $smarty.section.s.index %}px !important; }
.h_{% $smarty.section.s.index %}_min { min-height: {% $smarty.section.s.index %}px !important; }
{% /section %}

{% section name=s start=50 loop=800 step=5 %}
.h_{% $smarty.section.s.index %} { height: {% $smarty.section.s.index %}px !important; }
{% /section %}

.wh_icon {
	width: 16px; height: 16px;
}


.w_max.x-btn-text-icon .x-btn-text {
	width: 100% !important;
}
